<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>查询 | 外卖配送信息系统</title>
    <script type="text/javascript" src="js/query.js"></script>
    <link rel="stylesheet" type="text/css" href="css/main.css" />
    <link rel="stylesheet" type="text/css" href="css/more.css" />
    <link rel="icon" href="img/favicon.ico"/>
</head>
<body>
<div class = "Query">
<form>
    <br/>
    <br/>
    <br/>
    <label>手机号码:
        <input type="text" id="queryPhone"/>
    </label>
    <br/>
    <br/>
    <label class = "Keptcha">验证码:
        <input type="text" id="kaptcha"/>
        <img id="kaptcha_img" src="/kaptcha" alt="验证码" title="点击更换" onclick="changeVerifyCode(this)"/>
    </label>
    <br/>
    <label>
        <input type="button" onclick="query()" value="查询"/>
    </label>
    <br/>
    <span id="queryHint" style="color: red"></span>
</form>

<br/>
<div>
    <table border="1" cellspacing="0" cellpadding="5" style="margin: 0 auto">
        <caption id="queriedPhone"></caption>
        <tr class="text-center">
            <th>收货人</th>
            <th>区域</th>
            <th>组别</th>
            <th>配送员号码</th>
            <th>配送时间</th>
            <th>配送状态</th>
            <th>备注</th>
        </tr>
        <tr id="queryData" class="text-center"></tr>
    </table>
</div>
</div>
</body>
</html>